<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../css/backend.css" rel="stylesheet" type="text/css"
	media="screen" />
	<link href="../css/jquery-ui-1.10.3.custom.css" rel="stylesheet" type="text/css"
	media="screen" />
<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="../js/jNice.js"></script>
<script type="text/javascript" src="../js/jquery-ui-1.9.1.custom.js"></script>

<script type="text/javascript" charset="utf-8">
	$('.perfil li a').click(function() {
		$(this).addClass('active').siblings().removeClass('active')
	})
	
	$(function() {
   		 $( ".datepicker" ).datepicker({
   		  changeMonth: true,
   	      changeYear: true,
   	   	  dateFormat: "dd/mm/yy",
   	  	  yearRange: "1950:+0",
   	  	 
   	    });
  	});
	
	
</script>


<link href="css/favicon.ico" rel="shortcut icon"
	type="image/vnd.microsoft.icon" />
<title>Asociación Celíaca Argentina</title>
</head>

<body>
	<div id="wrapper">
		<h1 class="title">Asociación de Celiacos</h1>
		<h:form>
			<ul id="mainNav">
				<li><h:commandLink value="Institucion"
						action="#{sessionBean.accionCambioPerfil}"
						rendered="#{sessionBean.institucion != null}" styleClass="perfil">
						<f:param name="menu" value="Basico" />
						<f:ajax render=":containerHolder" />
					</h:commandLink></li>
				<li><h:commandLink value="Socio"
						action="#{sessionBean.accionCambioPerfil}"
						rendered="#{sessionBean.socio != null}" styleClass="perfil">
						<f:param name="menu" value="S" />
						<f:ajax render=":containerHolder" />
					</h:commandLink></li>
				<li><h:commandLink value="Socio Virtual"
						action="#{sessionBean.accionCambioPerfil}"
						rendered="#{sessionBean.socioVirtual != null}" styleClass="perfil">
						<f:param name="menu" value="SV" />
						<f:ajax render=":containerHolder" />
					</h:commandLink></li>
				<li><h:commandLink value="Operador"
						action="#{sessionBean.accionCambioPerfil}"
						rendered="#{sessionBean.operadorUnidad != null}"
						styleClass="perfil">
						<f:param name="menu" value="OU" />
						<f:ajax render=":containerHolder" />
					</h:commandLink></li>
				<li><h:commandLink value="Operador"
						action="#{sessionBean.accionCambioPerfil}"
						rendered="#{sessionBean.operadorCentral != null}"
						styleClass="perfil">
						<f:param name="menu" value="OC" />
						<f:ajax render=":containerHolder" />
					</h:commandLink></li>
				<li><h:commandLink value="Administrador"
						action="#{sessionBean.accionCambioPerfil}"
						rendered="#{sessionBean.adminUnidad != null}" styleClass="perfil">
						<f:param name="menu" value="AU" />
						<f:ajax render=":containerHolder" />
					</h:commandLink></li>
				<li><h:commandLink value="Administrador"
						action="#{sessionBean.accionCambioPerfil}"
						rendered="#{sessionBean.adminCentral != null}" styleClass="perfil">
						<f:param name="menu" value="AC" />
						<f:ajax render=":containerHolder" />
					</h:commandLink></li>
				<li class="logout"><h:commandLink value="Salir"
						action="#{sessionBean.logout}">
					</h:commandLink></li>
				<li class="logout"><a href="#" class="active">USUARIO:
						#{sessionBean.usuarioLogueado.usuario}</a></li>
			</ul>
		</h:form>
		<div id="containerHolder2">
			<h:panelGroup prependId="false" id="containerHolder">
				<div id="container">
					<div id="sidebar">
					
					<ui:include src="menus/#{sessionBean.menu}" />
					
					</div>
					<div id="main">
						<ui:insert name="contenido">

						</ui:insert>
					</div>
					<div class="clear"></div>

				</div>
			</h:panelGroup>
		</div>

	</div>

</body>
</html>


